import React from "react";
class IfCom extends React.Component{
    constructor(){
        super()
        this.state={
            type:1,
            isShow:false,
            gender:1
            
        }
    }
    show=()=>{
        this.setState({isShow:!this.state.isShow,gender:2})
    }
    getGender=()=>{

        if(this.state.gender==1){
            return(
                <div>我是男生</div>
            )
        }
        else{
            return(
                <div>我是女生</div>
            )
        }
    }
    render(){
        

        return(
            <div>
                {

                    (()=>{

                        if(this.state.gender==1){
                            return(
                                <div>我是男生1111</div>
                            )
                        }
                        else{
                            return(
                                <div>我是女生11111</div>
                            )
                        }

                    })()

                }

                {
                    this.getGender()
                }
                {
                    this.state.isShow && 
                    <div>显示
                        asdad
                        <div>aaaa</div>
                    </div>
                }
                {
                    this.state.gender==1 ? <div>男</div> : <div>女</div>
                }
                 <button onClick={this.show}>显示</button>
            </div>
        )
        // if(this.state.type==1){
        //     return (
        //         <div>密码登录</div>
        //     )
        // }
        // else{
        //     return (
        //         <div>验证码登录</div>
        //     )
        // }
    }
}
export default IfCom;